@font-face{
	font-family:"siyuan";
	src:url("../css/font/SourceHanSansCN-Regular.otf") format("opentype");
}
@font-face{
	font-family:"siyuanlight";
	src:url("../css/font/SourceHanSansCN-Light.otf") format("opentype");
}
@font-face{
	font-family:"siyuanbold";
	src:url("../css/font/SourceHanSansCN-Bold.otf") format("opentype");
}
body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:Arial,siyuan; line-height:1;font-weight: normal;letter-spacing: 0;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
.web-ie2018{ font-family: sans-serif;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{    display: block;margin: 50px auto;}
.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}

/* header */
.headerwrap{width: 100%;box-sizing: border-box;background-color: #fff;position: fixed;z-index: 10;top:0;left: 0;box-shadow: 0px 0px 10px 0px rgba(30,32,32,0.1);padding: 0 60px;min-width:1220px;}
.header{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.header .logo{display: block;}
/* h-right */
.h-right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.header .nav{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.header .nav>li{margin-right: 10px;position: relative;}
.header .nav>li>a{display: block;line-height: 80px;font-size: 16px;color: #222222;box-sizing: border-box;padding: 0 20px;}
.header .nav>li>a::before{content: '';display: block;width: 0%;height: 2px;background-color: #2155ab;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.header .nav>li:hover>a::before,.header .nav>li.active>a::before{width: 100%;}
.header .nav>li:hover>a,.header .nav>li.active>a{color: #2155ab!important;}
.header .navdown{width: 180px;position: absolute;background-color: rgba(0,0,0,0.5);opacity: 0;visibility: hidden;}
.header .navdown a{display: block;line-height: 40px;width: 100%;box-sizing: border-box;padding: 0 20px;color: #fff;font-size: 14px;}
.header .navdown a:hover{background-color: #2155ab;}
.header .nav>li:hover .navdown{opacity: 1;visibility: visible;}
/* h-rpage */
.h-rpage{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
/* h-fx */
.h-fx{display: flex;display: -webkit-flex;}
.h-fx a{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 30px;height: 30px;border: 1px solid #A0A0A0;border-radius: 50%;margin-right: 10px;position: relative;background-color:#fff;}
.h-fx a:last-child{margin-right: 0;}
.h-fx a img{width: auto;}
.h-rpage strong{display: block;width: 1px;height: 20px;background-color: #7D7D7D;margin: 0 20px;}
.h-rpage .search{display: block;}
.h-rpage .search img{height: 26px;}
.h-fx a .ewmshow{filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));top: 40px;}
.h-fx a:hover .ewmshow{opacity: 1;visibility: visible;}
.h-fx a .ewmshow p{font-size: 14px;color: #666;white-space: nowrap;padding: 5px 10px;}

/*h-form*/
.h-form{width: 220px;display: flex;display: -webkit-flex;height:40px;border:1px solid #ddd;border-radius:8px;overflow:hidden;}
.h-form input{width: calc(100% - 50px);box-sizing: border-box;padding: 0 10px;outline:none;border:none;background-color:transparent;}
.h-form button{width: 50px;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;border:none;}
.h-form button img{width: 22px;}

.hamburger{display: none;}

/* seadershow */
.seadershow{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 11;background-color: rgba(0,0,0,0.9);display: none;}
.seaderbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.seader{position: relative;}
.seader form{width: 1000px;height: 80px;border: 5px solid #8C8C8C;border-radius: 8px;overflow: hidden;background-color: #fff;display: flex;display: -webkit-flex;}
.seader form input{display: block;width: 80%;height: 100%;border: none;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #666666;}
.seader form button{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 20%;border: none;outline: none;background-color: #222;font-size: 18px;color: #FFFFFF;cursor: pointer;}
.seader form button img{display: block;width: auto;filter:brightness(11);margin-right: 20px;}
.seader .close{display: block;position: absolute;right: -60px;top: -80px;}
.seader .close img{display: block;}

/* center */
.center{width: 1400px;}

/* bannerwrap */
.bannerwrap{width: 100%;height: 100%;position: relative;}
.bannerwrap .swiper-banner{height: 100%;}
.bannerwrap .swiper-slide{position: relative;}
.bannerwrap img{width: 100%;height: 100%;object-fit: cover;}
.page-banner{display: flex;display: -webkit-flex;position: absolute;left: calc((100% - 1400px)/2);bottom: 100px;}
.page-banner .button{width: 66px;height: 66px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;background-color: transparent;margin: 0;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid #fff;border-radius: 6px;background-image: none;font-size: 30px;color: #fff;}
.page-banner .button.banner-next{margin-left: 24px;}
.page-banner .button:hover{background-color: rgba(255,255,255,0.3);}
.bannerwrap .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;}
.bannerwrap .text h3{font-size: 72px;color: #FFFFFF;font-weight: bold;margin-bottom: 40px;}
.bannerwrap .text p{font-size: 30px;color: #FFFFFF;}
.bannerwrap .button{filter: grayscale(1) brightness(11);opacity:0.7;}
.bannerwrap .button.swiper-button-next{right: 60px;}
.bannerwrap .button.swiper-button-prev{left: 60px;}

/* scrollwrap */
.scrollwrap{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 2;}
.scrollwrap p{font-size: 14px;color: #FFFFFF;text-align: center;margin-top: 10px;opacity: 0.5;font-family: siyuanlight;}
.scroll{display: block;width: 26px;height:46px;border: 1px solid #FFFFFF;border-radius: 13px;margin: auto;position: relative;}
.scroll i{display: block;width: 3px;height: 5px;background-color: #FFFFFF;transform: translateX(-50%);-webkit-transform: translateX(-50%);position: absolute;left: 50%;top: 10%;animation: scroll 2s ease-out .5s infinite;}
@keyframes scroll{
	0%{top: 10%;opacity: 1;}
	100%{top: 90%;opacity: 0;}
}
@-webkit-keyframes scroll{
	0%{top: 10%;opacity: 1;}
	100%{top: 90%;opacity: 0;}
}

#scrollnow{position: absolute;height: 90px;width: 100%;bottom: 0;left: 0;z-index: -1;}

/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;background: url(../images/i01-bg.png)no-repeat fixed;padding: 250px 0;background-size:cover;}
/* index01 */
.index01{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;box-sizing: border-box;padding-top: 80px;}
.index01-l{width: 40%;}
.i-tl01 h3{font-size: 48px;color: #2155ab;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;} 
.i-tl01 p{font-size: 30px;color: #222222;font-family: siyuanbold;}
.i-tl01{margin-bottom: 80px;}
.index01-l h4{font-size: 16px;line-height: 32px;color: #222222;margin-bottom: 100px;}
.more{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;font-size: 16px;color: #666666;width: 200px;height: 60px;border: 1px solid #A0A0A0;border-radius: 6px;position: relative;overflow: hidden;z-index: 0;}
.more i{font-size: inherit;color: inherit;margin-left: 15px;}
.more::before{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #2155ab;transition: all .3s;z-index: -1;}
.more:hover::before{width: 100%;}
.more:hover{color: #fff;border-color: transparent;}

/* index01-r */
.index01-r{width: 40%;}
.index01_mumping{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;width: 100%;}
.index01-r li{width: calc(100% /2);margin: 60px 0;}
.index01-r li .numfont{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;}
.index01-r li .numfont h2,.index01-r li .numfont i{font-size: 60px;color: #444444;font-weight: bold;font-style: normal;}
.index01-r li .numfont span{font-size: 20px;color: #666666;margin-bottom: 10px;margin-left: 10px;}
.index01-r li .text{display: flex;display: -webkit-flex;margin-top: 20px;align-items: flex-end;-webkit-align-items: flex-end;}
.index01-r li .text img{display: block;margin-right: 10px;}
.index01-r li .text span{font-size: 20px;color: #222222;}

/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;position: relative;padding: 190px 0;}
.index02wrap>.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;}
/* index02 */
.index02{margin: auto;position: relative;z-index: 1;box-sizing: border-box;padding-top: 80px;}
/* i-tl02 */
.i-tl02{text-align: center;margin-bottom: 80px;}
.i-tl02 h3{font-size: 40px;color: #FFFFFF;margin-bottom: 20px;font-family: siyuanbold;font-weight: 800;}
.i-tl02 p{font-size: 18px;color: #FFFFFF;text-transform: uppercase;font-family: siyuanlight;}
/* index02min */
.index02min{width: 100%;position: relative;}
.index02min .item{width: 100%;display: block;position: relative;}
.index02min .item img{width: 100%;position: relative;z-index: 0;}
.index02min .item::before{content: '';display: block;width: 100%;height: 100%;background-color: #2155ab;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all .3s;}
.index02min .item .text{width: 100%;box-sizing: border-box;position: absolute;padding: 50px 30px;top: 0;left: 0;z-index: 2;}
.index02min .item .text strong{display: block;width: 30px;height: 3px;background-color: #FFFFFF;margin-bottom: 20px;}
.index02min .item .text h3{font-size: 24px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.index02min .item .text p{font-size: 16px;color: #FFFFFF;margin-bottom: 50px;}
.index02min .item .text i{display: flex;display: -webkit-flex;width: 36px;height: 36px;border: 1px solid #FFFFFF;border-radius: 50%;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;font-size: 26px;color: #fff;font-family: siyuanlight;font-style: normal;}
.index02min .item:hover::before{opacity: 0.8;}
.index02min .button{filter: grayscale(1) brightness(11);}
.index02min .index02-prev{left: -40px;}
.index02min .index02-next{right: -40px;}
/* pagination-index02 */
.pagination-index02{position: relative;width: 100%;height: 3px;background-color: #FFFFFF;margin-top: 35px;}
.pagination-index02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #2155ab;}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;position: relative;padding: 200px 0;}
.index03wrap>.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.index03{margin: auto;position: relative;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding-top: 80px;}
/* index03-l */
.index03-l{width: 200px;}
.i-tl03{margin-bottom: 100px;}
.i-tl03 h3{font-size: 40px;color: #222222;margin-bottom: 20px;font-weight: bold;} 
.i-tl03 p{font-size: 18px;color: #666666;text-transform: uppercase;}
/* index03-tab */
.index03-tab a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 18px;color: #000000;line-height: 60px;}
.index03-tab a::before{content: '';display: block;width: 0;height: 1px;background-color: #2155ab;transition: all .3s;}
.index03-tab a:hover::before,.index03-tab a.active::before{width: 30px;margin-right: 10px;}
.index03-tab a:hover,.index03-tab a.active{color: #2155ab;}

/* index03-r */
.index03-r{width: calc(100% - 400px);}
.index03-r li{width: 100%;display: none;}
.index03-r li:first-child{display: block;}
.index03-r li .list{width: 100%;display: flex;display: -webkit-flex;}
.index03-r li .list .item{width: calc((100% - 100px)/3);margin-right: 50px;}
.index03-r li .list .item:nth-of-type(3n){margin-right: 0;}
.index03-r li .list .item .top{}
.index03-r li .list .item .top h3{font-size: 60px;color: #AAAAAA;margin-bottom: 30px;}
.index03-r li .list .item .top p{font-size: 18px;color: #AAAAAA;margin-bottom: 20px;}
.index03-r li .list .item .top h4{font-size: 18px;color: #222222;line-height: 28px;margin-bottom: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index03-r li .list .item .imgbox{width: 100%;position: relative;overflow: hidden;margin-bottom: 30px;}
.index03-r li .list .item .imgbox img{display: block;width: 100%;transition: all .3s;height:180px;object-fit:cover;}
.index03-r li .list .item:hover .imgbox img{transform: scale(1.1);}
.index03-r li .list .item .bot{width: 100%;}
.index03-r li .list .item .bot h4{font-size: 18px;color: #666666;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height:56px;}
.index03-r li .list .item .bot p{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 18px;color: #AAAAAA;margin-top: 20px;}
.index03-r li .list .item .bot p i{display: block;width: 24px;height: 1px;background-color: #AAAAAA;position: relative;margin-left: 10px;transition: all .3s;}
.index03-r li .list .item .bot p i::after{content: '';display: block;width: 1px;height: 8px;background-color: #AAAAAA;position: absolute;right: 3px;top
:0;transform: rotate(45deg);}
.index03-r li .list .item:hover .bot p i{background-color: #2155ab;width: 30px;}
.index03-r li .list .item:hover .bot p i::after{background-color: #2155ab;}
.index03-r li .list .item:hover .bot p,.index03-r li .list .item:hover .top h3,.index03-r li .list .item:hover .top p{color: #2155ab;}

/* index04wrap */
.index04wrap{width: 100%;position: relative;height: 100%;overflow: hidden;}
.index04-imglist{width: 100%;position: absolute;top: 0;left: 0;height: 100%;z-index: 0;} 
.index04-imglist img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display:none;}
.index04-imglist img.show{display: block;;-webkit-animation: toPicBig 1s ease-in-out both;
-moz-animation: toPicBig 1s ease-in-out both;
-o-animation: toPicBig 1s ease-in-out both;
animation: toPicBig 1s ease-in-out both;}
.index04wrap .i-tl02{position: relative;z-index: 1;margin-top: 100px;}
/* itemlist */
.index04wrap .itemlist{width: 100%;position: absolute;z-index: 1;display: flex;display: -webkit-flex;top: 55%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding-bottom: 80px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index04wrap .itemlist li{width: calc(100% / 5);text-align: center;cursor: default;}
.index04wrap .itemlist li .imgbox{width: 60px;height: 60px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;margin:auto;margin-bottom: 20px;}
.index04wrap .itemlist li .imgbox img{display: block;max-width: 100%;max-height: 100%;transition:all .5s;}
.index04wrap .itemlist li:hover .imgbox img{transform: rotateY(180deg);}
.index04wrap .itemlist li h3{font-size: 20px;color: #FFFFFF;margin-bottom: 15px;}
.index04wrap .itemlist li p{font-size: 12px;color: #FFFFFF;text-transform: uppercase;display:none;}
.index04wrap .itemlist .line{width:100%;height: 1px;background-color: rgba(255,255,255,0.2);position: absolute;left: 0;bottom: 0;}
.index04wrap .itemlist .line .tumb{display: block;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;width: calc(100% / 5);transition: all .3s;}

@-webkit-keyframes toPicBig {
    0% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes toPicBig {
    0% {
        -moz-transform: scale(1.04);
        transform: scale(1.04);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes toPicBig {
    0% {
        -o-transform: scale(1.04);
        transform: scale(1.04);
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes toPicBig {
    0% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -o-transform: scale(1.04);
        transform: scale(1.04);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}


/* index05wrap */
.index05wrap{width: 100%;position: relative;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.index05wrap>.bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.index05{position: relative;box-sizing: border-box;padding-top: 80px;}
.index05 img{margin: auto;}
.index05 .more{width: 290px;height: 70px;background: linear-gradient(90deg, #182B54 0%, #0381C9 100%);border-radius: 35px;font-size: 30px;color: #FFFFFF;border: none;margin: auto;margin-top: 100px;}


/* footerwrap */
.footerwrap{width: 100%;background: linear-gradient(0deg, #182952 0%, #0381CA 100%);position: relative;overflow: hidden;}
.footerwrap .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
/* footer */
.footer{position: relative;z-index: 1;margin: auto;}
/* f-top */
.f-top{width: 100%;padding: 90px 0;border-bottom: 1px  solid rgba(255,255,255,0.3);display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
/* f-nav */
.f-nav{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;width: 100%;}
.f-nav li h3{font-size: 18px;color: #FFFFFF;margin-bottom: 30px;font-family: siyuanlight;}
.f-nav li .list a{display: block;font-size: 16px;line-height: 40px;color: #fff;opacity: 0.5;font-family: siyuanlight;}
.f-nav li .list a:hover{opacity: 1;}
/* f-fx */
.f-fx>h3{font-size: 18px;color: #FFFFFF;margin-bottom: 30px;font-family: siyuanlight;}
.f-fx .info h3{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 30px;color: rgba(255,255,255,0.5);margin-bottom: 20px;font-family: siyuanlight;}
.f-fx .info h3 img{margin-right: 10px;}
.f-fx .info h4{font-size: 16px;line-height: 26px;color: #FFFFFF;opacity: 0.5;font-family: siyuanlight;}
.f-fx .info{margin-bottom: 20px;}

/* f-share */
.f-share{display: flex;display: -webkit-flex;}
.f-share a{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 39px;height: 39px;background: rgba(255,255,255,0.1);border-radius: 50%;margin-right: 10px;position: relative;}
.f-share a:last-child{margin-right: 0;}
/* ewmshow */
.ewmshow{border-radius: 6px;padding: 5px;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 50px;opacity: 0;visibility: hidden;}
.ewmshow::before{content: '';display: block;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;top:-12px;margin-left: -6px;}
.ewmshow img{width: 90px;display: block;}
.f-share a:hover{background-color: rgba(255,255,255,0.5);}
.f-share a:hover .ewmshow{opacity: 1;visibility: visible;}
.f-share a p{font-size: 14px;color: #666;box-sizing:border-box;padding:5px;}
/* ba */
.ba{width: 100%;height: 90px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.ba a{font-size: 16px;color: #FFFFFF;margin-right: 10px;opacity: 0.5;font-family: siyuanlight;}
.ba a:hover{opacity: 1;}

.index01wrap,.index02wrap,.index03wrap{width: 100%;height: 100%;overflow: hidden;padding: 0;}
.index01wrap .fp-tableCell,.index02wrap .fp-tableCell,.index03wrap .fp-tableCell,.index05wrap .fp-tableCell{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.index02wrap .fp-tableCell>.bg,.index03wrap .fp-tableCell>.bg,.index05wrap .fp-tableCell>.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.index04wrap .i-tl02{padding-top: 100px;}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

/* a-bannerwrap */
.a-bannerwrap{width: 100%;box-sizing: border-box;position: relative;margin-top: 80px;}
.a-bannerwrap>img{width: 100%;}
.a-bannerwrap .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;}
.a-bannerwrap .text h3{font-size: 36px;color: #FFFFFF;font-weight: bold;}
.a-bannerwrap .text strong{display: block;width: 40px;height: 5px;background-color: #2155ab;margin: 20px auto;}
.a-bannerwrap .text p{font-size: 24px;color: #FFFFFF;text-transform: uppercase;font-family: Arial;font-weight: 400;}
/* b-navwrap */
.b-navwrap{width: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;bottom: 0;z-index: 1;}
/* b-nav */ 
.b-nav{margin: auto;display: flex;display: -webkit-flex;}
.b-nav a{display: block;line-height: 60px;width: calc(100% / 7);text-align: center;font-size: 16px;color: #FFFFFF;border-right: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;}
.b-nav a:first-child{border-left: 1px solid rgba(255,255,255,0.5);}
.b-nav a:hover,.b-nav a.active{background-color: #0381C9;}

/* about01 */
.about01{margin: 100px auto;}
/* a-tl01 */
.a-tl01{width: 100%;margin-bottom: 40px;}
.a-tl01 h3{font-size: 30px;color: #222222;margin-bottom: 20px;font-weight: bold;}
.a-tl01 strong{display: block;width: 40px;height: 6px;background-color: #0381C9;}
/* a-info */
.a-info{width: 100%;position: relative;}
.a-info p{font-size: 16px;color: #222222;line-height: 26px;margin-bottom: 20px;}
.about01 .box{width: 100%;margin-top: 50px;}
.about01 .box img{width: auto;margin: auto;max-width: 100%;}

.about01box{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkti-justify-content: space-between;align-items:center;-webkit-align-items:center;}
.about01box-l{width: 55%;}
.about01box .box{width: 40%;margin:0;}
.about01 .box img{width: 100%;}

/* about01num */
.about01num{width: 100%;background-color: #F8F8F8;border-radius: 10px;padding: 60px 0;margin-top: 100px;}
/* about01num_mumping */
.about01num_mumping{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.about01num_mumping li{width: calc(100% / 4);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.about01num_mumping li .numfont{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;margin-bottom: 20px;}
.about01num_mumping li .numfont h2,.about01num_mumping li .numfont i{font-size: 46px;color: #2155ab;font-weight: 400;font-style: normal;}
.about01num_mumping li .numfont span{font-size: 16px;color: #2155ab;margin-left: 10px;margin-bottom: 5px;}
.about01num_mumping li h3{font-size: 16px;color: #666666;}

/* history01wrap */
.history01wrap{margin: 100px auto;}
.a-tl02{text-align: center;}
.a-tl02 strong{margin: auto;}
/* history01 */
.history01{margin-top: 70px;width: 1120px;margin: auto;position: relative;box-sizing: border-box;padding: 40px 0 150px;}
.history01::before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;background-color: #BFBFBF;top: 0;}
.history01 ul{width: 100%;display: block;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: flex-start;-webkit-align-items: flex-start;}
.history01 ul li{width: calc(100% / 2);box-sizing: border-box;padding-right: 40px;position: relative;}
.history01 ul li .box{width: 100%;box-sizing: border-box;padding: 40px 50px;position: relative;filter: drop-shadow(1px 0px 2px #BFBFBF);background-color: #fff;}
.history01 ul li .box::after{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-left-color: #fff;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.history01 ul li .box h3{font-size: 24px;color: #0381C9;}
.history01 ul li .box h4{font-size: 14px;line-height: 24px;color: #222222;margin-top: 20px;}
.history01 ul li:nth-of-type(2n){padding: 0;padding-left: 40px;margin-top: 60px;transform: translateY(50px);}
.history01 ul li:nth-of-type(2n) .box::after{border-color: transparent;border-right-color: #fff;right: initial;left: -20px;}
.history01 ul li .crile{width: 20px;height: 20px;border: 2px solid #0381C9;box-sizing: border-box;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 0;}
.history01 ul li .crile span{display: block;width: 10px;height: 10px;border-radius: 50%;background-color: #0381C9;}
.history01 ul li:nth-of-type(2n) .crile{right: initial;left: -10px;}

/* honor-bannerwrap */
.honor-bannerwrap{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-top: 80px;padding: 100px 0 50px;}
.honor-bannerwrap>.bg{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 0;}
/* honor-banner */
.honor-banner{position: relative;z-index: 1;}
.honor-banner .text{text-align: center;}
.honor-banner .text h3{font-size: 48px;color: #FFFFFF;font-weight: bold;}
.honor-banner .text strong{display: block;width: 36px;background-color: #008DD5;margin: 30px auto;height: 6px;}
.honor-banner .text h4{font-size: 18px;color: #FFFFFF;line-height: 30px;}
.honor-banner .text h4 span{color: #0388CF;}
.honor-banner .imgbox{margin-top: 100px;width: 100%;}
.honor-banner .imgbox img{margin: auto;max-width: 100%;}

/* honor01wrap */
.honor01wrap{width: 100%;position: relative;padding: 100px 0 150px;background: url(../images/i01-bg.png)no-repeat fixed;background-size:cover;}
/* honor01 */
.honor01{margin: auto;}
/* honor01min */
.honor01min{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin-top: 80px;}
.honor01min .item{width: calc((100% - 100px)/3);margin-right: 50px;margin-bottom: 70px;}
.honor01min .item:nth-of-type(3n){margin-right: 0;}
.honor01min .item .imgbox{width: 100%;position: relative;}
.honor01min .item .imgbox img{width: 100%;}
.honor01min .item .text{width: 100%;text-align: center;padding-bottom: 20px;border-bottom: 1px dashed #BFBFBF;margin-top: -50px;}
.honor01min .item .text p{font-size: 18px;color: #222222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* news-page */
.n-page{margin-top: 30px;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 0;}
.part  .el-pagination .btn-prev{width:50px;height:50px;background:transparent;border: 1px solid #D2D2D2;margin-right: 20px;padding: 0;background-color: transparent;border-radius: 6px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;min-width: initial;}
.part  .el-pagination .btn-next{width:50px;height:50px;background:transparent;border: 1px solid #D2D2D2;padding: 0;background-color: transparent;border-radius: 6px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;min-width: initial;}
 .part  .el-pagination .btn-prev i, .part  .el-pagination .btn-next i{display: none;}
 .part  .el-pagination .btn-prev:before{content: '';width: 8px;height: 8px;border-top:1px solid #D2D2D2;border-left: 1px solid #D2D2D2;transform: rotate(-45deg);display: block;margin-right: -4px;}
 .part  .el-pagination .btn-next:before{content: '';width: 8px;height: 8px;border-top:1px solid #D2D2D2;border-right: 1px solid #D2D2D2;transform: rotate(45deg);display: block;margin-left: -4px;}
 .part  .el-pagination .btn-quickprev{width:50px;height:50px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:50px;height:50px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quicknext:before{content:""}
 .part  .el-pagination__jump{display:none!important;}
.el-pager{display: flex;display: -webkit-flex;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 50px;height: 50px;background-color: transparent;margin-right: 20px;line-height: 50px;border-radius: 6px;border: 1px solid #D2D2D2;font-size: 20px;min-width: initial;font-weight: normal;color: #555555;}
.el-pager li.active{color: #fff;border-color: #2155ab;background-color: #2155ab;}
.el-pager li.active+li{border-left: 1px solid #D2D2D2;}

/* buysinesswrap */
.buysinesswrap{width: 100%;padding: 70px 0 140px;}
.buysiness{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;background-color: #F5F5F5;}
.buysiness .imgbox{width: 60%;overflow: hidden;}
.buysiness .imgbox img{display: block;width: 100%;transition: all .3s;}
.buysiness:hover .imgbox img{transform: scale(1.1);}
.buysiness .text{width: 40%;box-sizing: border-box;padding: 0 80px;}
.buysiness .text strong{display: block;width: 30px;height: 5px;background-color: #2155ab;margin-bottom: 25px;}
.buysiness .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.buysiness .text h4{font-size: 16px;color: #666666;line-height: 24px;}
.buysiness .text .more{width: 150px;height:40px;border: 1px solid #BFBFBF;border-radius: 20px;margin-top: 50px;}

/* casewrap */
.casewrap{margin: 100px auto 200px;position:relative;z-index:0;}
.case{width: 100%;position: relative;}
.case .item{width: 100%;display: block;background-color: #F5F5F5;position: relative;}
.case .item .imgbox{width: 100%;overflow: hidden;}
.case .item .imgbox img{display: block;width: 100%;transition: all .3s;}
.case .item:hover .imgbox img{transform: scale(1.1);}
.case .item p{display: block;text-align: center;font-size: 18px;color: #222222;line-height: 70px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* page-case */
.page-case{position: relative;bottom: 0;width: 100%;justify-content: center;-webkit-justify-content: center;margin-top: 80px;}
.page-case .button{border-color: #BFBFBF;color: #BFBFBF;}
.page-case .button:first-child{margin-right: 24px;}

/* maskwrap */
.maskwrap{width: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.9);z-index: 11;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;opacity: 0;visibility: hidden;}
.maskwrap.show{opacity: 1;visibility: visible;}
.mask{background-color: #fff;position: relative;border-radius: 30px;box-sizing: border-box;padding: 80px 70px;display: flex;display: -webkit-flex;justify-content: space-between;-webkti-justify-content: space-between;}
.mask .close{position: absolute;right: -40px;top:-40px;display: block;width: 36px}
.mask .close img{width: 100%;}
.mask .imgbox{width: 58%;}
.mask .imgbox img{width: 100%;}
.mask .text{width: 36%;box-sizing: border-box;padding-top: 30px;position: relative;}
.mask .text h3{font-size: 30px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.mask .text span{display: block;width: 120px;height: 30px;line-height: 30px;border-radius: 4px;text-align: center;background-color: #EEEEEE;font-size: 14px;color: #888888;margin-bottom: 30px;}
.mask .text h4{font-size: 16px;color: #666666;line-height: 24px;}
.mask .text .more{width: 120px;height: 40px;background: #FFFFFF;border: 1px solid #DCDCDC;position: absolute;right:0;bottom: 0;}
.mask .text .more i{display: block;width: 30px;height: 1px;background-color: #AAAAAA;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;margin-left: 0;}
.mask .text .more i::after{content: '';display: block;width: 7px;height: 7px;border-top: 1px solid #AAAAAA;border-right: 1px solid #AAAAAA;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.mask .text .more:hover i{background-color: #fff;border-color: #fff;}
.mask .text .more:hover i::after{border-color: #fff;}

/* newswrap */
.newswrap{margin: 100px auto;}
/* news-top */
.news-top{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;background-color: #F5F5F5;}
.news-top .imgbox{width: 50%;overflow: hidden;position: relative;}
.news-top .imgbox img{width: 100%;transition: all .3s;}
.news-top:hover .imgbox img{transform: scale(1.1);}
.news-top .imgbox .data{position: absolute;left: 0;top: 0;width: 70px;height: 70px;background-color: #0381C9;box-sizing: border-box;z-index: 1;text-align: center;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.news-top .imgbox .data h3{font-size: 38px;color: #FFFFFF;margin-bottom: 4px;}
.news-top .imgbox .data p{font-size: 14px;color: #FFFFFF;}
.news-top .text{width: 50%;box-sizing: border-box;padding: 0 70px;}
.news-top .text h3{font-size: 24px;color: #222222;line-height: 36px;font-weight: bold;margin-bottom: 40px;}
.news-top .text h4{font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 110px;}
.news-top .text p{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 18px;}
.news-top .text p i{display: block;width: 24px;height: 1px;background-color: #AAAAAA;position: relative;margin-left: 10px;transition: all .3s;}
.news-top .text p i::after{content: '';display: block;width: 1px;height: 8px;background-color: #AAAAAA;position: absolute;right: 3px;top
:0;transform: rotate(45deg);}
.news-top:hover .text p i{background-color: #2155ab;width: 40px;}
.news-top:hover .text p i::after{background-color: #2155ab;}
.news-top:hover .text p,.news-top:hover .text h3{color: #2155ab;}
/* newsmin */
.newsmin{margin-top: 100px;margin-bottom: 80px;}
.newsmin .item{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;padding: 80px 0;border-bottom: 1px solid #E5E5E5;position: relative;}
.newsmin .item .data{width: 260px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.newsmin .item .data h3{font-size: 60px;color: #AAAAAA;margin-bottom: 10px;}
.newsmin .item .data p{font-size: 18px;color: #AAAAAA;}
.newsmin .item .info{width: calc(100% - 260px);}
.newsmin .item .info h3{font-size: 20px;color: #222222;margin-bottom: 20px;}
.newsmin .item .info h4{font-size: 16px;color: #666666;}
.newsmin .item::after{content: '';display: block;width: 0%;height: 1px;background-color: #008DD5;transition: all .5s;position: absolute;left: 0;bottom: 0;}
.newsmin .item:hover::after{width: 100%;}
.newsmin .item:hover .data h3,.newsmin .item:hover .data p,.newsmin .item:hover .info h3,.newsmin .item:hover .info h4{color: #008DD5;}


/* mbx */
.mbx{display: flex;display: -webkit-flex;align-items: center;justify-content: flex-end;-webkit-align-items: center;-webkit-justify-content: flex-end;margin: auto;height: 60px;}
.mbx p,.mbx a,.mbx i{font-size: 16px;color: #888888;}
.mbx i{margin: 0 10px;}

/* ninfowrap */
.ninfowrap{width: 100%;background-color: #F5F5F5;padding-top: 10px;padding-bottom: 100px;}
/* ninfo */
.ninfo{background-color: #FFFFFF;margin: auto;box-sizing: border-box;padding: 70px 200px;margin-top: 10px;}
/* ninfo-tl */
.ninfo-tl{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #E5E5E5;margin-bottom: 50px;}
.ninfo-tl h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 60px;line-height: 48px;}
.ninfo-tl .data{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.ninfo-tl .data p{font-size: 18px;color: #222222;margin-right: 100px;font-family: siyuanlight;}
.ninfo-tl .data p:last-child{margin-right: 0;}
/* ninfomin */
.ninfomin{width: 100%;}
.ninfomin p{font-size: 18px;line-height: 36px;color: #222222;margin-bottom: 40px;font-family: siyuanlight;}
.ninfomin img{width: auto;max-width: 100%;margin: auto;}
/* ninfopage */
.ninfopage{width: 100%;box-sizing: border-box;padding-top: 30px;border-top: 1px solid #E5E5E5;}
.ninfopage a{display: block;font-size: 18px;line-height: 36px;color: #222222;font-family: siyuanlight;}

/* cooperwrap */
.cooperwrap{width: 100%;position: relative;padding: 100px 0 200px;background: url(../images/i01-bg.jpg)no-repeat;margin-top: 80px;background-size:cover;}
/* cooper */
.cooper{margin: auto;position: relative;}
.cooper .tl{text-align: center;margin-bottom: 70px;}
.cooper .tl h3{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.cooper .tl p{font-size: 16px;color: #555555;}
/* cooper-form */
.cooper-form{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.cooper-form .item{width: calc((100% - 160px)/3);margin-bottom: 30px;}
.cooper-form .item p{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 15px;}
.cooper-form .item p span{color: #FD0303;}
.cooper-form .item input,.cooper-form .item select,.cooper-form .item textarea{width: 100%;height: 60px;border: 1px solid #7D7D7D;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #222;outline: none;background-color: transparent;}
.cooper-form .item input::placeholder{color: #cccccc;}
.cooper-form .item.text{width: 100%;resize: none;}
.cooper-form .item.text textarea{height: 200px;padding: 20px;}
.cooper-form .more{width: 400px;height: 50px;background: linear-gradient(90deg, #182A53 0%, #0381CA 100%);border-radius: 25px;margin: auto;border: none;color: #fff;margin-top: 70px;}
.cooper-form .item input::placeholder,.cooper-form .item textarea::placeholder{color:#222;}

.cooper-form .lablist{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;margin-bottom:30px;}
.cooper-form .lablist p{font-size: 18px;color: #222222;font-weight: bold;margin-right:10px;}
.cooper-form .lablist label{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;font-size:18px;color:#555555;margin-right:30px;}
.cooper-form .lablist label input{width: 18px;height: 18px;margin-right: 10px;background-color: transparent;}
.cooper-form .bottel{width: 100%;font-size: 18px;color: #555;}

/* contact01 */
.contact01{margin: 90px auto;}
/* contact01min */
.contact01min{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.contact01min .item{width: calc((100% - 150px)/4);background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(5,18,36,0.1);border-radius: 10px;box-sizing: border-box;padding: 30px 40px 50px;text-align: center;}
.contact01min .item .imgbox{width: 70px;height: 70px;background: #F8F8F8;border-radius: 50%;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;margin-bottom: 15px;}
.contact01min .item .imgbox img{display: block;max-width: 70%;}
.contact01min .item h3{font-size: 16px;line-height: 18px;margin-bottom: 10px;}
.contact01min .item p{font-size: 16px;color: #000022;line-height: 24px;}
.contact01min .item>img{margin: auto;width: 90px;}

/* contact02 */
.contact02{width: 100%;height: 452px;position: relative;}
.contact02 .map{width: 100%;height: 100%;position: absolute;left:0;top: 0;}
.BMap_bubble_title{font-size: 16px;}
/* .BMap_bubble_title{font-size: 16px;color: #FFFFFF;} */
.contact02 .BMap_Marker:first-child::after{content: '湖南创能电力工程有限公司';position: absolute;width: 310px;height: 55px;background-color: #fff;border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(1,3,15,0.17);font-size: 20px;font-weight: bold;color: #2155ab;line-height: 55px;text-align: center;top: -60px;left: -155px;}
/* .contact02 .BMap_Marker:first-child:before{content: '';display: block;border: 10px solid transparent;border-top-color: #1055CA;top: -15px;position: absolute;} */

/* join01wrap */
.join01wrap{margin: 100px auto;}
/* join01 */
.join01{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.join01 .item{width: calc((100% - 80px)/3);margin-right: 40px;margin-bottom: 40px;background-color: #FAFAFA;padding: 50px 40px;box-sizing: border-box;transition: all .3s;}
.join01 .item h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.join01 .item .info{font-size: 18px;color: #444444;line-height: 30px;margin-bottom: 50px;}
.join01 .item p{display: inline-block;font-size: 20px;color: #1074BC;padding-bottom: 10px;border-bottom: 1px solid #1074BC;font-weight: bold;}
.join01 .item:nth-of-type(3n){margin-right: 0;}
.join01 .item:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}

/* join02 */
.join02{margin: 130px auto 200px;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;justify-content: space-between;-webkit-justify-content: space-between;}
.join02 .text{width: 52%;}
.join02 .text h3{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 50px;}
.join02 .text .info{margin-bottom: 100px;}
.join02 .text .info p{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 20px;}
.join02 .text .more{width: 230px;height: 55px;background: linear-gradient(96deg, #182952 0%, #0381CA 100%);border: none;color: #fff;border-radius: 0;border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.join02 .text .more i{display: block;width: 20px;height: 1px;background-color: #fff;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;margin-left: 10px;transition: all .3s;}
.join02 .text .more i::after{content: '';display: block;width: 7px;height: 7px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.join02 .text .more:hover i{width: 30px;}
.join02 .imgbox{width:40%;}
.join02 .imgbox img{width: 100%;}

/* joininfo01wrap */
.joininfo01wrap{width: 100%;box-sizing: border-box;background-color: #F8F8F8;padding: 70px 0 40px;overflow: hidden;}
/* joininfo */
.joininfo{margin: auto;}
.joininfo h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.joininfo .text{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.joininfo .text p{font-size: 18px;color: #666666;}
.joininfo .text i{display: block;width: 1px;height: 16px;background-color: #666;margin: 0 15px;}

/* joininfo02wrap */
.joininfo02wrap{margin: 60px auto 150px;}
.joininfo02{width: 100%;} 
.joininfo02 li{margin-bottom: 100px;}
.joininfo02 li h3{font-size: 24px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.joininfo02 li h4{font-size: 18px;color: #222222;line-height: 36px;}

/* joininfo02bot */
.joininfo02bot{width: 100%;}
.joininfo02bot h3{font-size: 24px;color: #222222;}
.joininfo02bot h3 a{color: #1074BC;}
/* joinpage */
.joinpage{width: 100%;box-sizing: border-box;padding-top: 50px;margin-top: 50px;border-top: 1px solid #EAEAEA;display: flex;display: -webkit-flex;}
.joinpage a{width: 150px;height: 54px;background: #FFFFFF;border: 1px solid #222222;border-radius: 0;margin-right: 20px;}
.joinpage a:last-child{margin-right: 0;}

/* culture01wrap */
.culture01wrap{width: 100%;position: relative;width: 100%;padding: 100px 0 250px;}
.culture01wrap>.bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
/* culture01 */
.culture01{margin: auto;position: relative;}
/* culture01min */
.culture01min{width: 100%;position: relative;margin-top: 200px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.culture01min .imgbox{position: relative;}
.culture01min .imgbox img{margin: auto;}
/* text-box */
.culture01min .text-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 474px;height: 474px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;border-radius: 50%;}
.culture01min .text-box::before,.culture01min .text-box::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color: #118DC5;opacity: 0.04;-webkit-animation:ballScale01 3s 0s linear infinite;-moz-animation:ballScale01 3s 0s linear infinite;-ms-animation:ballScale01 3s 0s linear infinite;animation:ballScale01 3s 0s linear infinite}
.culture01min .text-box::after{transform: scale(0.9);opacity: 0.15;-webkit-animation:ballScale02 2s 0s linear infinite;-moz-animation:ballScale02 2s 0s linear infinite;-ms-animation:ballScale02 2s 0s linear infinite;animation:ballScale02 2s 0s linear infinite}
.culture01min .textmin{width: 336px;height: 336px;box-sizing: border-box;border: 28px solid #fff;border-radius: 50%;background: linear-gradient(135deg, #0D93CA 0%, #2547A4 100%);position: relative;z-index: 1;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;} 
.culture01min .textmin p{font-size: 42px;color: #FFFFFF;font-weight: bold;}
.culture01min .textmin span{display: block;font-size: 20px;color: #fff;margin-top: 10px;text-align:center;}
.culture01min .list{width: 100%;height:100%;position: absolute;left: 0;top: 0;}
.culture01min .list li{position: absolute;display: flex;display: -webkit-flex;align-items: flex-start;-webkit-align-items: flex-start;}
.culture01min .list li .img{width: 110px;height: 110px;border-radius: 50%;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-top: -30px;}
.culture01min .list li .img::before,.culture01min .list li .img::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color: #118DC5;opacity: 0.04;}
.culture01min .list li .img::after{transform: scale(0.8);opacity: 0.15;}
.culture01min .list li .img p{width: 78px;height: 78px;background-color: #fff;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;z-index: 1;}
.culture01min .list li .img p img{max-width: 70%;max-height: 70%;margin:0;}
.culture01min .list li .text h3{font-size: 26px;margin-bottom: 15px;white-space: nowrap;font-weight: bold;color: #222222;}
.culture01min .list li .text p{font-size: 16px;color: #2155ab;margin-bottom: 20px;white-space: nowrap;}
.culture01min .list li .text h4{font-size: 18px;color: #222222;white-space: nowrap;line-height: 30px;}
.culture01min .list li:nth-of-type(1),.culture01min .list li:nth-of-type(2){right: 100%;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.culture01min .list li:nth-last-of-type(1),.culture01min .list li:nth-last-of-type(2){left: 100%;}
.culture01min .list li:nth-of-type(3){bottom: 0;left: 50%;display: block;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.culture01min .list li:nth-of-type(1) .text,.culture01min .list li:nth-of-type(2) .text{margin-right: 20px;text-align: right;}
.culture01min .list li:nth-last-of-type(1) .text,.culture01min .list li:nth-last-of-type(2) .text{margin-left: 20px;}
.culture01min .list li:nth-of-type(1){margin-right: -9%;top:46%;}
.culture01min .list li:nth-of-type(2){bottom: calc(100% - 55px);left:50%;right:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);flex-flow:column-reverse;-webkit-flex-flow:column-reverse;}
.culture01min .list li:nth-of-type(2) .text{text-align:center;margin-right:0;width:100%;}
.culture01min .list li:nth-of-type(2) .img{margin:auto;}
.culture01min .list li:nth-last-of-type(1){margin-left: -9%;top:46%;}
.culture01min .list li:nth-last-of-type(2){top: 60%;margin-left: -16%;}
.culture01min .list li:nth-of-type(3) .img{margin: auto;}
.culture01min .list li:nth-of-type(3) .text{text-align: center;margin-top: 20px;}
.culture01min .list li:nth-of-type(3){margin-bottom: -15%;}
/*.culture01min .list li:nth-of-type(3) .text h3{color: #1CA1E6;margin-bottom: 0;}*/
.culture01min .list li:nth-last-of-type(2){flex-flow:column;-webkit-flex-flow:column;top:calc(100% - 68px);left:50%;margin-left:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.culture01min .list li:nth-last-of-type(2) .img{margin:auto;}
.culture01min .list li:nth-last-of-type(2) .text{text-align:center;margin-left:0;}
/*.culture01min .list li:nth-of-type(3){display:flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;margin-bottom:110px;transform:none;-webkit-transform:none;left:85%;}*/
.culture01min .list li:nth-of-type(3) .text h3{color:#222222;}
/*.culture01min{margin: 150px auto 50px;}*/
.culture01min .list li:nth-of-type(1){display:block;padding-right:100px;}
.culture01min .list li:nth-of-type(1) .img{position:absolute;right: 0;}
.culture01min .list li:nth-last-of-type(1){padding-left:100px;}
.culture01min .list li:nth-last-of-type(1) .img{position:absolute;left: 0;}


.culture01 .a-tl02{display: none;}

@keyframes ballScale01{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.04}
100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}
@keyframes ballScale02{0%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.15}
100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
}


/*asswrap*/
.asswrap{position: fixed;right: 0;top: 50%;}
.asswrap .h-fx{display: block;}
.h-fx a{width: 40px;height: 40px;margin-bottom:10px;}
.h-fx a .ewmshow{left: initial;right: calc(100% + 10px);transform:none;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.asswrap .ewmshow::before{border:6px solid transparent;border-left-color: #fff;right: -12px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left:initial;}


@media (max-width: 1600px) {
	.headerwrap{padding: 0 30px;}
	.header .nav>li>a{padding: 0 10px;}
	.h-rpage strong{margin: 0 15px;}
	.h-rpage .search img{font-size: 24px;}
	.h-fx a{width: 28px;height: 28px;}
	
	.bannerwrap .text h3{font-size: 58px;margin-bottom: 30px;}
	.bannerwrap .text p{font-size: 24px;}
	.page-banner{left: calc((100% - 1200px)/2);}
	.page-banner .button{width: 50px;height: 50px;}
	.page-banner .button.banner-next{margin-left: 20px;}
	
	.center{width: 1200px;}
	.index01{padding-top: 80px;box-sizing: border-box;}
	.i-tl01 h3{font-size: 42px;}
	.i-tl01 p{font-size: 24px;}
	.i-tl01{margin-bottom: 40px;}
	.index01-l h4{margin-bottom: 50px;line-height: 28px;}
	.index01-r li .numfont h2, .index01-r li .numfont i{font-size: 52px;}
	.index01-r li .numfont span{margin-bottom: 7px;}
	.index01-r li .text span{font-size: 18px;}
	.index01-r{width: 50%;}
	
	.index02{padding-top: 80px;}
	.i-tl02 h3{font-size: 32px;}
	.i-tl02 p{font-size: 14px;}
	.i-tl02{margin-bottom: 50px;}
	.index02min .button{width: 20px;height: 30px;background-size: contain;}
	.index02min .index02-next{right: -30px;}
	.index02min .index02-prev{left: -30px;}
	
	.index03{padding-top: 80px;}
	.i-tl03{margin-bottom: 50px;}
	.index03-r li .list .item .top h3{font-size: 50px;margin-bottom: 20px;}
	.index03-r li .list .item .top p{font-size: 16px;}
	.index03-r li .list .item .top h4,.index03-r li .list .item .bot h4,.index03-r li .list .item .bot p{font-size: 16px;}
	.index03-r{width: calc(100% - 340px);}
	
	.index04wrap .itemlist li h3{font-size: 18px;}
	.index04wrap .itemlist li .imgbox{width: 50px;height: 50px;}
	.index04wrap .itemlist{margin-top: 60px;}
	
	.index05wrap{padding-top: 80px;box-sizing: border-box;}
	.index05>img{max-width: 800px;}
	.index05 .more{width: 250px;height: 60px;font-size: 20px;margin-top: 80px;}
	
	.f-nav li .list a{font-size: 14px;line-height: 36px;}
	.f-fx .info h4{font-size: 14px;line-height: 30px;}
	.f-fx .info h3{font-size: 24px;}
	.f-top{padding: 80px 0;}
	.ba a{font-size: 14px;}
	.ba{height: 70px;}
	
	.a-bannerwrap .text h3{font-size: 32px;}
	.a-bannerwrap .text strong{height: 4px;}
	.a-bannerwrap .text p{font-size: 20px;}
	
	.honor-banner .text h3{font-size: 36px;}
	.honor-banner .text strong{height: 4px;margin: 20px auto;}
	.honor-banner .imgbox{margin-top: 80px;}
	
	.buysiness .text{padding: 0 50px;}
	
	.mask{width: 1200px;padding: 60px 50px;}
	.mask .text h3{font-size: 28px;}
	.mask .text h4{font-size: 14px;}
	.mask .text span{margin-top: 20px;}
	.mask .text h3{margin-bottom: 20px;}
	
	.news-top .text h3{margin-bottom: 30px;}
	.news-top .text h4{margin-bottom: 80px;}
	.newsmin{margin-top: 50px;}
	.newsmin .item{padding: 60px 0;}
	
	.el-pager li,.part .el-pagination .btn-prev,.part .el-pagination .btn-next{width: 46px;height: 46px;line-height: 46px;}
	.el-pager li,.part .el-pagination .btn-prev{margin-right: 10px;}
	
	.ninfo{padding: 70px 100px;}
	.ninfo-tl h3{font-size: 32px;}
	.ninfomin p{font-size: 16px;line-height: 30px;}
	.ninfopage a{font-size: 16px;}
	
	.cooper .tl h3{font-size: 36px;margin-bottom: 20px;}
	.cooper .tl p{font-size: 14px;}
	
	.contact01min .item{width: calc((100% - 90px)/4);padding: 30px 20px 40px;}
	.join01 .item h3{font-size: 22px;margin-bottom: 30px;}
	.join01 .item .info{font-size: 16px;margin-bottom: 40px;}
	.join01 .item p{font-size: 18px;}
	
	.join02 .text h3{font-size: 32px;margin-bottom: 40px;}
	.join02 .text .info p{font-size: 16px;line-height: 28px;}
	.join02 .text .info{margin-bottom: 50px;}
	
	
	.bannerwrap .button.swiper-button-next{right: 30px;}
    .bannerwrap .button.swiper-button-prev{left: 30px;}
	
	.culture01min .list li:nth-last-of-type(1) .text{margin-left:10px;}
	.culture01min .list li:nth-of-type(1) .text{margin-right:10px;}
	.culture01min .list li .text h3{font-size: 24px;}
	.culture01min .list li .text p{font-size: 14px;}
	.culture01min .list li .text h4{font-size: 16px;}
	.culture01min .list li .text p{margin-bottom: 15px;}
	
	
	
	
}